.APP-ALL{
  width: 50%;
  margin: 50px auto;
}
.todo-main{
  display: unset;
  list-style-type:none;
}

.todo-main > li {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #dddddd;
  margin: 0 0 -1px -1px;
  height: 40px;
  padding: 0 8px;
}
li:hover {
   border:1px solid #0000FF;
   position:relative;
   z-index:2;
}
.footer{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 20px;
}